@charset "utf-8";
/* CSS Document */
body, html
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
}

.top
{
	position:absolute;
	width:100%;
	height:50px;
	background-color:#000000;
	left:0px;
	top:0px;
}

.span-support-online
{
	float:left;
	font-weight:bold;
	color:#ff6000;
	height:50px;
	line-height:50px;
}

.yahoo
{
	float:left;
	margin-left:10px;
	margin-top:17px;
}

.skype
{
	float:left;
	margin-left:10px;
	margin-top:17px;
}

.skype p
{
	margin-top:0px;
	margin-bottom:0px;
	float:left;
}

.skype p a img
{
	float:left;
	height:16px;
	margin:0px !important;
}

.divider-top
{
	float:left;
	height:50px;
	line-height:50px;
	color:#5b5b5b;
	margin-left:10px;
	font-size:20px;
}

.hot-line
{
	float:left;
	font-weight:bold;
	color:#ff6000;
	height:50px;
	line-height:50px;
	background-image:url(../img/ic-phone.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:23px;
}

.hot-email
{
	float:left;
	font-weight:bold;
	color:#ff6000;
	height:50px;
	line-height:50px;
	background-image:url(../img/ic-email.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:24px;
}

.lang span
{
	float:left;
	height:50px;
	line-height:50px;
	color:#3d3d3d;
	margin-left:10px;
	font-weight:bold;
	background-repeat:no-repeat;
	padding-left:22px;
	background-position:left;
	cursor:pointer;
}

.lang span a:visited
{
	text-decoration:none;
	color:inherit;
}

.lang span.active
{
	color:#ff6000;
}

.lang span.flag-en
{
	background-image:url(../img/ic_flag_en.png);
}

.lang span.flag-vn
{
	background-image:url(../img/ic_flag_vi.png);
}

.search-box
{
	float:right;
}

.logo-menu
{
	position:absolute;
	width:100%;
	height:100px;
	background-color:#0d8d9a;
	left:0px;
	top:50px;
	border-top:1px solid #b1dade;
	border-bottom:1px solid #05464c;
	z-index:50;
}

.logo-menu-containt
{
	width:1008px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
}

.logo
{
	width:270px;
	height:55px;
	float:left;
	margin-top:25px;
}

a img
{
	border:0px;
}

.ul-menu
{
	float:right;
	list-style:none;
	margin-top:30px;
}

ul.ul-menu li
{
	font-size:24px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	
}

ul.ul-menu li a:link
{
	text-decoration:none;
	color:#ffffff;
}

ul.ul-menu li a:visited
{
	text-decoration:none;
	color:#ffffff;
}

ul.ul-menu li a:hover
{
	text-decoration:none;
	color:#ff6000;	
}

ul.ul-menu li a.active
{
	text-decoration:none;
	color:#ff6000;	
}

ul.ul-menu li.active
{
	color:#ff6000;
	background-color:#004950;
	border-radius:3px;
}

#men-prod:hover
{
	background-color:#004950;
	border-radius:3px;
}

ul.sub-product-menu
{
	position:absolute;
	width:250px;
	background-color:#004950;/*#004950*/
	border-radius:0px 3px 3px 3px;
	margin-top:8px;
	margin-left:-10px;
	list-style:none;
	padding-left:0px;
	display:none;
}

ul.sub-product-menu li
{
	height:30px;
	line-height:30px;
	font-size:18px;
	float:left;
	margin-left:5px;
	margin-right:0px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	width:215px;
	border-top:1px solid #06626b;
	background-image:url(../img/cat-sym.png);
	background-repeat:no-repeat;
	background-position:left;
}

ul.sub-product-menu li.first
{
	border-top:0px;
}

.slideshow
{
	position:absolute;
	width:100%;
	height:350px;
	left:0px;
	top:150px;
}

.slideshow img
{
	width:100%;
	height:350px;
}

.body-site
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1008px;
	margin-top:450px;
	z-index:50;
}

.body-site-top
{
	float:left;
	width:1008px;
	height:10px;
	background-image:url(../img/body-top.png);
}

.body-site-middle
{
	float:left;
	width:1008px;
	background-image:url(../img/body-middle.png);
}

.body-site-bottom
{
	float:left;
	width:1008px;
	height:10px;
	background-image:url(../img/body-bottom.png);
}

.navigative
{
	width:990px;
	margin-left:8px;
	background-image:url(../img/ic-nav.png);
	background-position:left;
	background-repeat:no-repeat;
	height:35px;
	overflow:hidden;
}

.span-nav
{
	font-size:20px;
	color:#083e43;
	line-height:35px;
	margin-left:30px;
}

.span-nav a:link
{
	text-decoration:none;
	color:#083e43;
}

.span-nav a:visited
{
	text-decoration:none;
	color:#083e43;
}

.span-nav a:hover
{
	text-decoration:none;
	color:#ff6000;
}

.body-containt
{
	width:990px;
	margin-left:8px;
	margin-top:10px;
}

.view-more
{
	width:90px;
	height:35px;
	color:#ffffff;
	background-color:#0d8d9a;
	float:right;
	text-decoration:none;
	line-height:35px;
	padding-left:10px;
	background-image:url(../img/ic_next.png);
	background-repeat:no-repeat;
	background-position: 82px;
}

.view-more:hover
{
	background-color:#067d89;
}

.view-more:active
{
	background-color:#046c76;
}

/* Page container */

.paging_ct {
	bottom: -40px;
	right: 0px;	
}
	/* Paging position for IE 7 */
	
	*+ html .paging_ct {
		bottom: -50px;
		right: 0px;	
	}

.paging_ct .paging_button, .paging_ct .current_paging_button{
	display: inline;
}

.paging_button {
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	background: -moz-linear-gradient(#fefefe, #dcdcdc);
	background: -ms-linear-gradient(#fefefe, #dcdcdc);
	background: -webkit-linear-gradient(#fefefe, #dcdcdc);
	background: -o-linear-gradient(#fefefe, #dcdcdc);
	-pie-background: linear-gradient(#fefefe, #dcdcdc);	/* For IE uses with PIE.htc */		
	position: relative;	
	padding: 10px;	
	margin-right: 3px;
	padding: 10px 5px;
}

.paging_button:hover {
	background: -moz-linear-gradient(#fefefe, #b6b6b6);
	background: -ms-linear-gradient(#fefefe, #b6b6b6);
	background: -webkit-linear-gradient(#fefefe, #b6b6b6);
	background: -o-linear-gradient(#fefefe, #b6b6b6);
	-pie-background: linear-gradient(#fefefe, #b6b6b6);	
	position: relative;
}

.paging_button:active {
	background: -moz-linear-gradient(#f4f4f4, #fbfbfb);
	background: -ms-linear-gradient(#f4f4f4, #fbfbfb);
	background: -webkit-linear-gradient(#f4f4f4, #fbfbfb);
	background: -o-linear-gradient(#f4f4f4, #fbfbfb);
	-pie-background: linear-gradient(#f4f4f4, #fbfbfb);	
	position: relative; 
}

.current_paging_button {
	border-radius: 3px;
	padding: 10px;	
	margin-right: 3px;
	padding: 10px 5px;
	background: #e3e3e3;
	border: 1px solid #929292;
	box-shadow: inset 0px 1px 2px #565656;
	position: relative;
} 

.current_paging_button {
	border-radius: 3px;
	padding: 10px;	
	margin-right: 3px;
	padding: 10px 5px;
	background: #e3e3e3;
	border: 1px solid #929292;
	box-shadow: inset 0px 1px 2px #565656;
} 
 
.paging_button a, .current_paging_button a {
	text-decoration: none;
	font: bold 14px Arial;
	color: #636363;		
	padding: 10px;
}






